<template>
  <div class="page1">
    <h1>\ 文表下载</h1>
    <ul>
      <li v-for="(item, index) in downloadList" :key="index" @click="download(index)">
        <p>
          {{ item.title }}
          <time>{{ item.date }}</time>
        </p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "page1",
  methods: {
    download(index) {}
  },
  data() {
    return {
      downloadList: [
        {
          src: "",
          title: "学生请假审批表",
          date: "2019-4-3"
        },
        {
          src: "",
          title: "学生请假审批表",
          date: "2019-4-3"
        },
        {
          src: "",
          title: "学生请假审批表",
          date: "2019-4-3"
        },
        {
          src: "",
          title: "学生请假审批表",
          date: "2019-4-3"
        },
        {
          src: "",
          title: "学生请假审批表",
          date: "2019-4-3"
        }
      ]
    };
  }
};
</script>

<style scoped lang="less">
ul {
  margin-left: 20px;
  li {
    margin-bottom: 30px;
    cursor: pointer;
    time {
      float: right;
      color: rgb(151, 148, 148);
    }
  }
}
</style>